import { HTMLAttributes } from "react";

function BaseCard(props: HTMLAttributes<unknown>) {
    const { children, className } = props;

    return (
        <div
            {...props}
            id="card"
            className={`
        box-border
        overflow-auto
        relative
        box-border
        py-3
        px-5
        rounded-3
        ${className}
      `}
        >
            {children}
        </div>
    );
}

export default BaseCard;
